<template>
    <el-footer style="background-color: #5F9EA0;height: 310px;margin: 0 auto;width: 100%">
        <div style="margin-top: 45px ; margin-left:270px;padding: 20px">
            <h2>热爱手工、热爱自然、传递绿色能量</h2>
        </div>
        <el-divider></el-divider>
        <div style="display: flex">
            <div>
                <p>所在城市：广州</p>
                <p>联系方式：10086</p>
            </div>
            <div style="margin-left: 200px">
                <p>产品介绍：DIY手工艺品交易平台</p>
                <p>外部链接：百度/淘宝/QQ</p>
            </div>
            <div style="margin-left: 200px">
                <p>自制开源项目</p>
                <p>霸王龙小分队版权所有！</p>
            </div>

        </div>
    </el-footer>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped>
.line{
    border: black 1px;
}
</style>